@import "val";

.temper-company-tab {
  .rc-head-container {
    text-align: center;
    background: transparent;
    padding: 16px 5%;
  }
  .rc-tab-head {
    color: #fff;
    border-radius: 4px;
    padding: 6px 20px;
    background: #062a78;
    &.active {
      background: #00C3FF;
      color: #fff;
      border-radius: 4px;
    }
  }
  .rc-tab-container {
    //background: #fff;
    margin: 24px;
    //padding: 16px;
    border-radius: 4px;
    position: absolute;
    top: 50px;
    bottom: 0;
    left: 0;
    right: 0;
    //padding: .5rem 5% 0;
  }
}

.temper-img-container {
  display: inline-block;
  vertical-align: top;
  padding: 1rem;
  height: 100%;
  p {
    color: $light-text-color;
    font-size: 1.4rem;
    margin-left: 3rem;
    padding: 1rem;
    //&::after{
    //  $border-width:.5rem;
    //  content: ' ';
    //  display: inline-block;
    //  width: 0;
    //  height: 0;
    //  margin-left: 2px;
    //  vertical-align: middle;
    //  border-top: $border-width dashed;
    //  border-right: $border-width solid transparent;
    //  border-left: $border-width solid transparent;
    //}
  }
  svg {
    fill: 'none';
    width: 100%;
    height: calc(100% - 4rem)
  }
}

.temper-device-group {
  cursor: pointer;
  user-select: none;
}